@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

.mapSignV2{
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;

    .map{
        height: 0px;
        flex: auto;
        position: relative;

        .relocate{
            position: absolute;
            bottom: 22px;
            left: 12px;
            width: 35px;
            height: 35px;
            border: 1px solid #ccc;
            border-radius: 3px;
            background: #eee;

            .icon{
                margin-left: 7px;
                margin-top: 7px;
            }
        }

        .relocate-google{
            bottom: 26px;
        }
    }

    .info{
        padding: 10px;
        .range{
            margin-bottom: 10px;
            span{
                font-size: 12px;
                color: #868686;
                &:first-child{
                    font-size: 17px;
                    color: #333333;
                    margin-right: 8px;
                }
            }
        }

        .position{
            font-size: 14px;
            color: #868686;
        }
    }

    .btn{
         height: 45 * @hd;
        line-height: 45 * @hd;
        text-align: center;
        font-size: 14px;
        color: #FFFFFF;
        background: #55B1F9;
    }

    .btn-outside{
        background: #76CC68;
    }
}